<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<style type="text/css">
			html {
				font-size: 100px;
			}
			body {
				font-size: 16px;
			}
			
			div {
				width: 1rem;
				height: 1rem;
				background: green;
			}
		</style>
	</head>
	<body>
		<div>
			内容...
		</div>
		
		
		<script type="text/javascript">
			function resetWidth() {
				var baseWidth = document.documentElement.clientWidth || document.body.clientWidth;
				console.log(baseWidth);
				document.documentElement.style.fontSize = baseWidth * 100 / 375 + 'px';
			}
			resetWidth();
			// window.onresize  = resetWidth;
			
		</script>
	</body>
</html>
